<include file="Public:head" title="{$menu.name}"/>

<div class="main-container" id="main-container">
    <div class="main-container-inner">
        <include file="Public:left" />
        <div class="main-content">
            <div class="breadcrumbs" id="breadcrumbs">
                <ul class="breadcrumb">
                    <li><i class="icon-home home-icon"></i><a href="__APP__/{$Think.MODULE_NAME}">首页</a></li>
                    <li>报表管理</li>
                    <li class="active">{$menu.name}</li>
                </ul>
            </div>
            <div class="page-content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="page-header">
                            <h1>
                                下载统计
                                <small>
                                    <i class="ace-icon fa fa-angle-double-right"></i>
                                    主要是本月和上个月数据
                                </small>
                            </h1>
                        </div>
                        <!-----------------最近10日------------------>
                        <div class="col-sm-12">
                            <div class="col-sm-12 widget-container-col ui-sortable" id="widget-container-col-10">
                                <div class="widget-box ui-sortable-handle" id="widget-box-10">
                                    <div class="widget-header widget-header-small">
                                        <h5 class="widget-title smaller">统计图</h5>

                                        <div class="widget-toolbar no-border">
                                            <ul class="nav nav-tabs" id="myTab">
                                                <li class="active">
                                                    <a data-toggle="tab" href="#home" aria-expanded="true">本月统计数据</a>
                                                </li>

                                                <li class="">
                                                    <a data-toggle="tab" href="#profile" aria-expanded="false">上月统计数据</a>
                                                </li>

<!--                                                <li class="">-->
<!--                                                    <a data-toggle="tab" href="#info" aria-expanded="false">Info</a>-->
<!--                                                </li>-->
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="widget-body">
                                        <div class="widget-main padding-6">
                                            <div class="tab-content">
                                                <div id="home" class="tab-pane active">
                                                    <p>
                                                      <div id="this1" style="min-width:400px;height:400px"></div>
                                                    </p>
                                                    <p>
                                                      <div id="this2" style="min-width:400px;height:400px"></div>
                                                    </p>
                                                </div>

                                                <div id="profile" class="tab-pane">
                                                    <p>
                                                       <div id="last1" style="min-width:400px;height:400px"></div>
                                                    </p>
                                                    <p>
                                                        <div id="last2" style="min-width:400px;height:400px"></div>
                                                    </p>
                                                </p>
                                                </div>

<!--                                                <div id="info" class="tab-pane">-->
<!--                                                    <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.</p>-->
<!--                                                </div>-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
    <style>
        .widget-body{
             height: 500px;
        }
    </style>
    <script type="text/javascript" src="/Public/plugins/highcharts/highcharts.js"></script>
    <!--    本月-->
    <script>
        var thismonthlistaa ='{$thismonthlist}';

         var bthismonthlist = JSON.parse(thismonthlistaa);

        Highcharts.chart('this1', {
            chart: {
                type: 'column'
            },
            title: {
                text: '本月上传下载统计'
            },
            subtitle: {
                text: '本月所有编辑上传的之后下载的数量统计<a href="/" style="color: #00bb00">查看详情</a>'
            },
            xAxis: {
                type: 'category'
            },
            yAxis: {
                title: {
                    text: '总的上传下载量'
                }
            },
            legend: {
                enabled: false
            },
            plotOptions: {
                series: {
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        // format: '{point.y:.1f}%'
                    }
                }
            },
            // tooltip: {
            //     headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
            //     pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
            // },
            series: [{
                name: '下载量',
                colorByPoint: true,
                data: bthismonthlist
            }],

        });


        </script>

<script>
    var thismonthmoneylistjs ='{$thismonthmoneylist}';

    var thismonthmoneylistjsjson = JSON.parse(thismonthmoneylistjs);

    Highcharts.chart('this2', {
        chart: {
            type: 'column'
        },
        title: {
            text: '本月上传下载交易额'
        },
        subtitle: {
            text: '本月所有编辑上传的之后下载的交易额'
        },
        xAxis: {
            type: 'category'
        },
        yAxis: {
            title: {
                text: '总的上传下载交易额'
            }
        },
        legend: {
            enabled: false
        },
        plotOptions: {
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: true,
                    // format: '{point.y:.1f}%'
                }
            }
        },
        // tooltip: {
        //     headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
        //     pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
        // },
        series: [{
            name: '交易额',
            colorByPoint: true,
            data: thismonthmoneylistjsjson
        }],

    });


</script>
    <!--    上月-->
    <script>
        var lastmonthlistaa ='{$lastmonthlist}';

        var lastmonthlistjsons = JSON.parse(lastmonthlistaa);

        Highcharts.chart('last1', {
            chart: {
                type: 'column'
            },
            title: {
                text: '上个月上传下载统计'
            },
            subtitle: {
                text: '上个月所有编辑上传的之后下载的数量统计'
            },
            xAxis: {
                type: 'category'
            },
            yAxis: {
                title: {
                    text: '总的上传下载量'
                }
            },
            legend: {
                enabled: false
            },
            plotOptions: {
                series: {
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        // format: '{point.y:.1f}%'
                    }
                }
            },
            // tooltip: {
            //     headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
            //     pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
            // },
            series: [{
                name: '下载量',
                colorByPoint: true,
                data: lastmonthlistjsons
            }],

        });


    </script>

    <script>
        var lastmonthmoneylistjs ='{$lastmonthmoneylist}';

        var lastmonthmoneylistjsjson = JSON.parse(lastmonthmoneylistjs);

        Highcharts.chart('last2', {
            chart: {
                type: 'column'
            },
            title: {
                text: '上个月上传下载交易额'
            },
            subtitle: {
                text: '上个月所有编辑上传的之后下载的交易额'
            },
            xAxis: {
                type: 'category'
            },
            yAxis: {
                title: {
                    text: '总的上传下载交易额'
                }
            },
            legend: {
                enabled: false
            },
            plotOptions: {
                series: {
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        // format: '{point.y:.1f}%'
                    }
                }
            },
            // tooltip: {
            //     headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
            //     pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
            // },
            series: [{
                name: '交易额',
                colorByPoint: true,
                data: lastmonthmoneylistjsjson
            }],

        });


    </script>
</div>
<include file="Public:foot" />  
<include file="Public:date_range" />
<include file="Public:fusioncharts" />

